<extend name="Public/layout" />
<block name="pluginCSS"></block>
<block name="CSS"></block>
<block name="banner"> 
  <div class="title-wrapper">
      <div class="container"><div class="container-inner">
        <h1><span><{$catName}></span> CATEGORY</h1>
        <em>Over 4000 Items are available here</em>
      </div></div>
    </div>
</block>
<block name="breadcrumb">
  
        <ul class="breadcrumb">
            <li><a href="<{:U('index')}>">首页</a></li>
            <foreach name="bread" item="val" key="key">
            <php>if($val['catId']==I('goodsCatId3')):</php>
            <li class="active"><a href="<{:U('Home/Index/goodsList',array('goodsCatId3'=>$val['catId']))}>" ><{$val['catName']}></a></li>
            <php>else:</php>
            <li><{$val['catName']}></li>
            <php>endif;</php>
            </foreach>
        </ul>

</block>
<block name="mainTop"></block>
<block name="side">
<ul class="list-group margin-bottom-25 sidebar-menu">
<{$tree}>
</ul>
</block>
<block name="page">
	<div class="row list-view-sorting clearfix">
              <div class="col-md-2 col-sm-2 list-view">
                <a href="#"><i class="fa fa-th-large"></i></a>
                <a href="#"><i class="fa fa-th-list"></i></a>
              </div>
              <div class="col-md-10 col-sm-10">
                <div class="pull-right">
                  <label class="control-label">Show:</label>
                  <select class="form-control input-sm">
                    <option value="#?limit=24" selected="selected">24</option>
                    <option value="#?limit=25">25</option>
                    <option value="#?limit=50">50</option>
                    <option value="#?limit=75">75</option>
                    <option value="#?limit=100">100</option>
                  </select>
                </div>
                <div class="pull-right">
                  <label class="control-label">Sort&nbsp;By:</label>
                  <select class="form-control input-sm">
                    <option value="#?sort=p.sort_order&amp;order=ASC" selected="selected">Default</option>
                    <option value="#?sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                    <option value="#?sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                    <option value="#?sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                    <option value="#?sort=p.price&amp;order=DESC">Price (High &gt; Low)</option>
                    <option value="#?sort=rating&amp;order=DESC">Rating (Highest)</option>
                    <option value="#?sort=rating&amp;order=ASC">Rating (Lowest)</option>
                    <option value="#?sort=p.model&amp;order=ASC">Model (A - Z)</option>
                    <option value="#?sort=p.model&amp;order=DESC">Model (Z - A)</option>
                  </select>
                </div>
              </div>
            </div>
            <!-- BEGIN PRODUCT LIST -->
            <div class="row product-list">
              <!-- PRODUCT ITEM START -->
              <foreach name="PQ['list']" item="val" key="key">
              <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="product-item">
                  <div class="pi-img-wrapper">
                    <img src="__UPLOAD__/<{$val['goodsImg']?$val['goodsImg']:$COMMON.goodsImage}>" class="img-responsive" alt="Berry Lace Dress">
                    <div>
                      <a href="__UPLOAD__/<{$val['goodsImg']?$val['goodsImg']:$COMMON.goodsImage}>" class="btn btn-default fancybox-button">Zoom</a>
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
                    </div>
                  </div>
                  <h3><a href="item.html"><{$val['goodsName']}></a></h3>
                  <div class="pi-price">&yen; <{$val['shopPrice']}></div>
                  <a href="#" class="btn btn-default add2cart">添加到购物车</a>
                </div>
              </div>
              </foreach>
              <!-- PRODUCT ITEM END -->
              
            </div>
            <!-- END PRODUCT LIST -->
            <!-- BEGIN PAGINATOR -->
            <div class="row">
            	<{$PQ['page']}>
            </div>
            <!-- END PAGINATOR -->

</block>
<block name="mainBottom"></block>